<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美丽家乡 - 山水之城</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: '微软雅黑', sans-serif;
        }

        body {
            background-color: #f5f5f5;
        }

        /* 导航栏样式 */
        .navbar {
            background-color: #fff;
            padding: 1rem 5%;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }

        .nav-links {
            display: flex;
            justify-content: flex-end;
            list-style: none;
        }

        .nav-links a {
            color: #333;
            text-decoration: none;
            margin-left: 2rem;
            padding: 0.5rem 1rem;
            transition: color 0.3s;
        }

        /* 欢迎横幅 */
        .banner {
            height: 600px;
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
                        url('https://via.placeholder.com/1920x600') center/cover;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            margin-top: 60px;
        }

        /* 家乡简介 */
        .intro {
            padding: 4rem 5%;
            background-color: white;
        }

        /* 特色景点 */
        .attractions {
            padding: 4rem 5%;
        }

        .card-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }

        .card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }

        .card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .card-content {
            padding: 1.5rem;
        }

        /* 页脚 */
        footer {
            background-color: #333;
            color: white;
            padding: 2rem 5%;
            text-align: center;
        }
    </style>
</head>
<body>

    <!-- 导航栏 -->
    <nav class="navbar">
        <ul class="nav-links">
            <a> <li>首页</li></a>
            <a><li>自然风光</li></a>
            <a><li>特色美食</li></a>
            <a><li>历史文化</li></a>
            <a><li>民俗风情</li></a>
            <a><li>旅行攻略</li></a>
            <a><li>畅言云阁</li></a>
            <a><li>注册</li></a>
            <a><li>登录</li></a>
            <a><li>关于我们</li></a>
            <a><li>联系我们</li></a>
        </ul>
    </nav>

    <!-- 欢迎横幅 -->
    <section class="banner">
        <div>
            <h1 style="font-size: 3rem; margin-bottom: 1rem;">欢迎来到山水之城</h1>
            <p style="font-size: 1.2rem;">千湖之省，九省通衢</p >
        </div>
    </section>

    <!-- 家乡简介 -->
    <section class="intro">
        <h2>家乡简介</h2>
        <p style="margin-top: 1.5rem; line-height: 1.8;">
            湖北省，素有"鱼米之乡"的美誉。简称“鄂”，又名“楚”，别名荆楚，中华人民共和国省级行政区，省会武汉。地处中国中部地区，东邻安徽，西连重庆，西北与陕西接壤，南接江西、湖南，北与河南毗邻，总面积18.59万平方千米，占中国总面积的1.94%。截至2023年6月，湖北省辖12个地级市、1个自治州、4个省直辖县级行政区。2024年末，湖北省常住人口5834万人。湖北的方言主要有五种，分别为：西南官话、江淮官话、中原官话、赣语、移民方言 。
湖北省地势大致为东、西、北三面环山，中间低平，略呈向南敞开的不完整盆地，属亚热带季风气候，四季分明，冬冷夏热，春暖秋爽，雨热同季，时空不均。早在七八十万年前就有人类在湖北地区繁衍生息。夏王朝时期，夏文化的影响已经到达江汉地区。秦始皇废除分封，实行郡县制，湖北大部属南郡。隋朝今湖北除西北部分和东部一隅外，绝大部分属荆州，宋代在湖北中部设荆湖北路，明代初，湖北属湖广行省。民国时期，中国共产党领导的人民革命武装建立过许多革命政权。中华人民共和国成立后，湖北行政区划进行过一系列变化调整。
湖北省联结东西、承接南北，是国务院批复确定的支撑长江经济带发展、中部地区崛起的重要地区，在国家和区域发展中具有重要地位。湖北是楚文化的发祥地，春秋战国时期，楚国位列春秋五霸，端午节为楚地兴起传开。
2024年，湖北省实现地区生产总值为60012.97亿元。人均地区生产总值为102832元。
        </p >
    </section>

    <!-- 特色景点 -->
    <section class="attractions">
        <h2>特色景点</h2>
        <div class="card-container">
            <div class="card">
                <img src="/static/images/sanxia.jpg" alt="景点1">
                <div class="card-content">
                    <h3>宜昌市三峡大瀑布景区</h3>
                    <p>湖北省宜昌市的国家5A级旅游景区，峡大瀑布景区主要由三峡大瀑布（原名白果树瀑布），金狮洞，情人泉等景点组成。景区区位优越，交通便捷，三峡大瀑布距离宜昌中心城区仅29千米，金狮洞距宜昌城区仅17千米，距三峡大瀑布15千米，情人泉距离三峡大瀑布仅6千米，距宜昌中心城区15千米。三峡大瀑布景区集瀑布文化和非遗文化，融金钉子、寒武石林、山、瀑、湖、地下河、溶洞等多种景观于一体。</p >
                </div>
            </div>
            <div class="card">
                <img src="/static/images/enshi.jpg" alt="景点2">
                <div class="card-content">
                    <h3>恩施州恩施大峡谷景区</h3>
                    <p>湖北省恩施自治州的国家5A级旅游景区，位于湖北省恩施土家族苗族自治州恩施市屯堡乡，地处湘、渝、鄂三省交界处，距恩施市区49千米，距利川市区39千米，峡谷全长108千米，面积达300平方千米</p >
                </div>
            </div>
            <!-- 可以继续添加更多景点 -->
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <p>© 2023 山水之城文化旅游局 版权所有</p >
        <p style="margin-top: 1rem;">联系方式：xxx-xxxxxxxx</p >
    </footer>
</body>
</html>
